<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1. JavaScript作用域：就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性，更重要的是减少命名冲突
        //2. js的作用域（es6）之前： 全局作用域    局部作用域
        //3. 全局作用域：整个script标签，或者是单独的js文件
        //注意：如果在函数内部，没有声明直接赋值的变量也属于全局变量
        var num = 10;
        var num = 30;
        console.log(num);
        //4. 局部作用域（函数作用域）：在函数内部就是局部作用域  这个代码的名字只在函数内部起效果和作用
        function fn() {
            //局部作用域
            var num = 20;
            console.log(num);
        }
        fn();
        
    </script>
</head>
<body>
    
</body>
</html>